@import url(../less/reset.less);
@import url(../less/header1.less);
@import url(../less/footer.less);
@import url(../less/variable.less);

.ProductListImg {
    display: flex;
    justify-content: center;
    height: 480px;
}

.ProductList_content {
    padding-top: 30px;
    background-color: #F5F5F5;
    .ProductList_content_wrap {
        margin-top: 50px;
        .content {
            &_bottom {
                &_header {
                    h2 {
                     font-size: 32px;
                     font-weight: bold;
                     color: @color1;
                     float: left;
                    } 
                    a {
                     float: right;
                     color: @color1;
                    }
                    a:hover {
                     color: @color3;
                    }
                }
                &_top {
                    margin-top: 20px;
                    &_left:hover {
                        box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.15)
                    }
                    &_left {       
                        width: 600px;
                        height: 400px;
                        float: left;
                        background-color: #fff;
                        a {
                            display: flex;
                            align-items: center;
                            height: 100%;
                            color: @color1;
                        }
                        a img {
                            display: inline-block;
                            width: 260px;
                        }
                        a span h2 {
                            margin-bottom: 15px;
                            font-size: 24px;
                            font-weight: bold;
                        }
                        
                        a span &_a {
                            margin-bottom: 15px;
                            font-size: 14px;
                        }
                    }
                    &_right {
                        float: right;
                        video {
                            display: block;
                            width: 600px;
                        }
                    }
                }
            }
        }
    }
}

